<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="myDiv" data-name-ui="songUI" data-appID="we420vcnma087m"></div>
    <script>
        /**
         * 自定义属性以'data-'开头
         * 这些属性既不与渲染有关也不与语义信息有关
         * 使用dataset获取，是一个DOMStringMap实例, 包含一组键值对
        */

        const div = document.getElementById("myDiv")
        console.log(div)

        const appid = div.dataset.appid 
        const uiName = div.dataset.nameUi // data-name-ui  data后面有name-ui 访问的时候后一个单词首字母大写
        console.log(appid, uiName)

        // 设置自定义属性的值
        div.dataset.appid = "123"
        console.log(div.dataset.appid)

    </script>
</body>
</html>